<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>系统内部错误</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="用户, 统一身份, 账号, 认证" />
<meta name="description" content="中国石化用户统一身份认证中心" />
</head>
<script type="text/javascript">
var i = 0;
function fun(obj) {
	var div = document.getElementById("test");
	element = document.getElementById('myimage');
	if(obj.value == "隐藏") {
		div.style.display = "none";
		obj.value = "显示";
		element.innerHTML = "十";
	} else {
		div.style.display = "block";
		obj.value = "隐藏";
		element.innerHTML = "一";
	}
}
</script>
<style type="text/css">
.body {
	font-family: "Microsoft YaHei", "微软雅黑";
	color: #666666;
	background: #ffffff;
	font-size: 14px;
	width: 100%;
}

a {
	text-decoration: none;
	color: #333333;
}

.errorbox {
	width: 800px;
	height: 200px;
	margin: 0 auto;
	margin-top: 150px;
}

.fl {
	float: left;
}

.error_img {
	padding-left: 140px;
}

.error_zt {
	padding-top: 5px;
}

.error_b {
	font-size: 24px;
	color: #000000;
	line-height: 26px;
}

.bugwrite {
	padding-top: 20px;
	padding-bottom: 30px;
}

.bugbox {
	background: #FFF;
	border: 1px solid #cccccc;
	border-radius: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 15px;
	position: relative;
	width: 95%;
	margin: 0 auto;
	background: #F9F9F9;
}

.bugbox p {
	width: 760px;
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	word-break:break-word;
}
</style>
<body>
	<div style="margin: 20px 0 0 40px;">
		<a id="myimage" href="#" onclick="fun(this)">十</a>
	</div>
	<div class="errorbox">
		<div class="fl error_img"><img src=""></div>
		<div class=" error_zt">
				<p class="error_b">对不起，系统内部错误！</p>
				<p class="error_b">请联系管理员！</p>
		</div>
	</div>
	<div id="test" class="bugwrite" style="display: none;">
		<div class="bugbox">
			<p th:text="${SSOErrorMessage}">
				统一身份认证初始化失败
			</p>
		</div>
	</div>
</body>
</html>
